<template>
	<view>
		<view class="head">
			<view class="head-top">首页</view>
			<image src="../../static/logo.png" class="head-img"></image>
			<view class="">{{userInfo}}</view>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		components: {},
		data() {
			return {}
		},
		computed: {
			...mapGetters(['userInfo']),
		},
		watch: {},
		methods: {},
		onLoad(options) {},
		onShow() {},
		onReady() {},
		onPullDownRefresh() {},
		onReachBottom() {},
		onShareAppMessage() {},
		onPageScroll() {},

	}
</script>

<style lang="scss" scoped>
	.head {
		text-align: center;
		background-color: #fff;

		.head-top {
			font-size: 30rpx;
			text-align: center;
			color: red;
		}

		.head-img {
			width: 120rpx;
			height: 120rpx;
			margin-top: 100rpx;
		}
	}
</style>
